<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="js/flexible/flexible_css.js"></script>
    <script src="js/flexible/flexible.js"></script>
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="js/mobiscroll/mobiscroll.custom-2.17.0.min.css">
    <script src="js/jquery-3.1.1.min.js"></script>
    <script src="js/mobiscroll/mobiscroll.custom-2.17.0.min.js"></script>
    <script src="js/main.js"></script>
    <script src="js/each/sureOrder.js"></script>
    <title>Title</title>
</head>
<body flex="dir:top">

<header flex-box="0" flex="main:justify cross:center">
    <div class="header-icon" font="16" flex-box="0">
        <a href="storeDetail.html" flex="main:center cross:center">
            <span class="icon-back"></span>
        </a>
    </div>
    <h1 flex-box="10">采购单</h1>
    <div class="header-icon" flex-box="0"></div>
</header>
<section flex-box="10">
    <div class="card-list margin-square">
        <div class="order-list-tit" font="14">供货商：孔西建材经营部</div>
        <ul class="order-list">
            <li flex="cross:center">
                <div class="order-list-img" flex-box="0">
                    <p><img src="img/project1.jpg" alt=""></p>
                </div>
                <div class="order-list-word" flex-box="10">
                    <div class="order-list-word-up" flex="cross:top main:justify">
                        <h3>碳渣</h3>
                        <p font="12">规格 30吨/车</p>
                    </div>
                    <div class="order-list-down" flex="cross:bottom main:justify">
                        <div class="order-list-price" font="16" flex="cross:bottom" flex-box="0">
                            <b font="12">￥</b><input type="text" font="16" placeholder="价格"><em font="12">/车</em>
                        </div>
                        <div class="number" flex="cross:bottom main:right" flex-box="10">
                            <div class="num-btn minus" flex-box="0" font="14">-</div>
                            <input type="text" value="1" flex-box="0" font="16">
                            <div class="num-btn add" flex-box="0" font="14">+</div>
                        </div>
                    </div>
                </div>
            </li>
            <li flex="cross:center">
                <div class="order-list-img" flex-box="0">
                    <p><img src="img/project1.jpg" alt=""></p>
                </div>
                <div class="order-list-word" flex-box="10">
                    <div class="order-list-word-up" flex="cross:top main:justify">
                        <h3>碳渣</h3>
                        <p font="12">规格 30吨/车</p>
                    </div>
                    <div class="order-list-down" flex="cross:bottom main:justify">
                        <div class="order-list-price" font="16" flex="cross:bottom" flex-box="0">
                            <b font="12">￥</b><input type="text" font="16" placeholder="价格"><em font="12">/车</em>
                        </div>
                        <div class="number" flex="cross:bottom main:right" flex-box="10">
                            <div class="num-btn minus" flex-box="0" font="14">-</div>
                            <input type="text" value="1" flex-box="0" font="16">
                            <div class="num-btn add" flex-box="0" font="14">+</div>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
        <div class="order-list-bottom" flex="cross:center main:justify">
            <p font="14">合计：</p>
            <p font="16"><b><span font="12">￥</span><em>0</em></b></p>
        </div>
    </div>

    <div class="card-list">
        <div class="card-tit" flex="main:justify cross:center">
            <h2 class="card-tit-word">采购信息</h2>
        </div>
        <div class="card-con">
            <ul class="card-form" font="14">
                <li flex="cross:center">
                    <div class="card-form-tit" flex-box="0">采购单名称</div>
                    <input type="tel" class="form-inp" flex-box="10" placeholder="请输入采购单名称">
                </li>
                <li flex="cross:center">
                    <div class="card-form-tit" flex-box="0">所属项目</div>
                    <select class="select project">
                        <option value="1">四川省</option>
                        <option value="2">湖北省</option>
                    </select>
                </li>
                <li flex="cross:center">
                    <div class="card-form-tit" flex-box="0">所在省</div>
                    <select class="select province">
                        <option value="1">四川省</option>
                        <option value="2">湖北省</option>
                    </select>
                </li>
                <li flex="cross:center">
                    <div class="card-form-tit" flex-box="0">所在市</div>
                    <select class="select city">
                        <option value="1">成都市</option>
                        <option value="2">湖北市</option>
                    </select>
                </li>
                <li flex="cross:center">
                    <div class="card-form-tit" flex-box="0">所在区</div>
                    <select class="select area">
                        <option value="1">成都市</option>
                        <option value="2">湖北市</option>
                    </select>
                </li>
                <li flex="cross:top">
                    <div class="card-form-tit" flex-box="0">详细地址</div>
                    <textarea class="form-inp" flex-box="10" rows="3" placeholder="请输入详细地址"></textarea>
                </li>
                <li flex="cross:top">
                    <div class="card-form-tit" flex-box="0">备注</div>
                    <textarea class="form-inp" flex-box="10" rows="3" placeholder="请输入备注"></textarea>
                </li>
            </ul>
        </div>
    </div>

    <div class="card-list">
        <div class="card-tit" flex="main:justify cross:center">
            <h2 class="card-tit-word">采购人信息</h2>
        </div>
        <div class="card-con">
            <ul class="card-form" font="14">
                <li flex="main:justify cross:top">
                    <div class="card-form-tit">联系人</div>
                    <div class="card-form-con">赵香炉</div>
                </li>
                <li flex="main:justify cross:top">
                    <div class="card-form-tit">联系电话</div>
                    <div class="card-form-con">13540846377</div>
                </li>
            </ul>
        </div>
    </div>

</section>
<footer flex-box="0">
    <div class="store-opt" flex="main:justify cross:center">
        <p font="18">￥0</p>
        <a href="javascript:;" font="18">签合同</a>
    </div>
</footer>
</body>
</html>